.product-card-small {
  background-color: #fff;
  border-radius: 30rpx;
  overflow: hidden;
  margin-bottom: 20rpx;
  display: flex;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  padding-right: 10rpx;
  position: relative;

  .product-image {
    align-self: center;
    border: 1rpx solid #1890ff;
    width: 256rpx;
    height: 256rpx;
    margin-left: 20rpx;
  }

  .shopping-cart {
    position: absolute;
    padding: 5rpx;
    border-radius: 999rpx;
    right: 20rpx;
    bottom: 20rpx;
    background-color: #1890ff;
  }
}

.product-info {
  margin-left: 15rpx;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  .product-name {
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 25rpx;
    font-weight: normal;
  }

  .produtc-tags {
    display: flex;
    gap: 10rpx;
    margin-top: 20rpx;
    font-size: 20rpx;

    .new-product-launch {
      color: #70b24b;
      border: 1rpx solid #70b24b;
      padding: 5rpx;
    }

    .discount {
      color: #d04c52;
      border: 1rpx solid #d04c52;
      padding: 5rpx;
    }
  }

}

.product-price {
  display: flex;
  margin-top: auto;
  align-items: baseline;

  .discount-price {
    display: flex;
    align-items: baseline;
    color: #f0453c;

    .discount-price-symbol {
      font-size: 18rpx;
    }

    .discount-price-value {
      font-size: 28rpx;
    }
  }

  .original-price {
    font-size: 20rpx;
    color: #9d9d9d;
    margin-left: 10rpx;
    text-decoration: line-through;
  }

}